<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <title>欢迎使用物业管理系统</title>
    <base href="<%=request.getContextPath()%>/">
    <link rel="stylesheet" href="/webjars/layui/2.6.8/css/layui.css">
    <script src="/webjars/layui/2.6.8/layui.js"></script>
    <style>
        body{
            background: url("/attach/background.JPG") no-repeat center center fixed;
            /*兼容浏览器版本*/
            -webkit-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }
        .main-body {top:50%;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden;}
        .login-main .login-bottom .center .item input {display:inline-block;width:227px;height:22px;padding:0;position:absolute;border:0;outline:0;font-size:14px;letter-spacing:0;}
        .login-main {width:428px;position:relative;float:left;}
        .login-main .login-top {height:117px;background-color: #132a3b;border-radius:12px 12px 0 0;font-family:SourceHanSansCN-Regular;font-size:30px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#fff;line-height:117px;text-align:center;overflow:hidden;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}
        .login-main .login-bottom {width:428px;background:#fff;border-radius:0 0 12px 12px;padding-bottom:53px;}
        .login-main .login-bottom .center {width:288px;margin:0 auto;padding-top:40px;padding-bottom:15px;position:relative;}
        input::-webkit-input-placeholder {color:#a6aebf;}
        input::-moz-placeholder {/* Mozilla Firefox 19+ */            color:#a6aebf;}
        input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */            color:#a6aebf;}
        input:-ms-input-placeholder {/* Internet Explorer 10-11 */            color:#a6aebf;}
        input:-webkit-autofill {/* 取消Chrome记住密码的背景颜色 */            -webkit-box-shadow:0 0 0 1000px white inset !important;}
        html {height:100%;}
        .login-main .login-bottom .login-btn {width:288px;height:40px;background-color: #132a3b;border-radius:16px;margin:24px auto 0;text-align:center;line-height:40px;color:#fff;font-size:14px;letter-spacing:0;cursor:pointer;border:none;}
        .footer a,.footer span {color:#fff;}
        @media screen and (max-width:428px) {.login-main {width:360px !important;}
            .login-main .login-top {width:360px !important;}
            .login-main .login-bottom {width:360px !important;}
        }
    </style>
</head>
<body style="background-color: #eee">
<%--    <div class="layui-container" style="display: flex;flex-direction: column;justify-content: center">--%>
<%--        <div class="layui-card" style="width: 70%;margin:0 auto; margin-top: 100px">--%>
<%--            <div class="layui-card-header">--%>
<%--                <h3>物业管理系统</h3>--%>
<%--            </div>--%>
<%--            <div class="layui-card-body">--%>
<%--                  <form method="post" action="login" class="layui-form" lay-filter="login" style="padding:30px">--%>
<%--                      <c:if test="${not empty loginErr}">--%>
<%--                          <div class="layui-form-item">--%>
<%--                              <label class="layui-form-label"></label>--%>
<%--                              <div class="layui-input-block" style="color:red">--%>
<%--                                  ${loginErr}--%>
<%--                              </div>--%>
<%--                          </div>--%>
<%--                      </c:if>--%>
<%--                      <div class="layui-form-item">--%>
<%--                          <label class="layui-form-label">手机号:</label>--%>
<%--                          <div class="layui-input-block">--%>
<%--                              <input type="text" name="userCode"   class="layui-input">--%>
<%--                          </div>--%>
<%--                      </div>--%>
<%--                      <div class="layui-form-item">--%>
<%--                          <label class="layui-form-label">用户密码:</label>--%>
<%--                          <div class="layui-input-block">--%>
<%--                              <input type="text" name="password"   class="layui-input">--%>
<%--                          </div>--%>
<%--                      </div>--%>
<%--                      <div class="layui-form-item">--%>
<%--                          <label class="layui-form-label">登录身份:</label>--%>
<%--                          <div class="layui-input-block">--%>
<%--                              <select name="login" id="login">--%>
<%--                                  <option value="0">请选择</option>--%>
<%--                                  <option value="1">员工</option>--%>
<%--                                  <option value="2">业主</option>--%>
<%--                              </select>--%>
<%--                          </div>--%>
<%--                      </div>--%>
<%--                      <div class="layui-form-item">--%>
<%--                             <div class="layui-input-block">--%>
<%--                                 <button class="layui-btn" style="width: 200px">登&emsp;录</button>--%>
<%--                             </div>--%>
<%--                      </div>--%>
<%--                  </form>--%>
<%--            </div>--%>
<%--        </div>--%>
<%--    </div>--%>

<div class="main-body">
    <div class="login-main">
        <div class="login-top">
            <span>物业管理系统</span>
        </div>
        <%--            <form method="post" action="login" class="layui-form" lay-filter="login" style="padding:30px">--%>
        <form class="layui-form login-bottom" method="post" action="login" lay-filter="login">
            <div class="center">
                <div class="layui-form-item" style="margin-left: -60px">
                    <label class="layui-form-label" >手机号 :</label>
                    <div class="layui-input-block" >
                        <input type="text" name="userCode"   class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item" style="margin-left: -60px">
                    <label class="layui-form-label">用户密码:</label>
                    <div class="layui-input-block">
                        <input type="text" name="password"   class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item" style="margin-left: -60px">
                    <label class="layui-form-label">登录身份:</label>
                    <div class="layui-input-block">
                        <select name="login" id="login">
                            <option value="0">请选择</option>
                            <option value="1">员工</option>
                            <option value="2">业主</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="layui-form-item" style="text-align:center; width:100%;height:100%;margin:0px;">
                <button class="login-btn" lay-submit="" lay-filter="login">立即登录</button>
            </div>
        </form>
    </div>
</div>
</body>
</html>